<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jsScroll.js" type="text/javascript"></script>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript">  
$(function(){
	jsScroll(document.getElementById('dd'), 5, 120, 'divScrollBar');//个性化滚动条脚本  jsScroll(对象名称, 滚动条宽度, 滑块高度, 滚动条样式名称)  
	});

</script>  

<style type="text/css">
/*谷歌滚动条样式*/
::-webkit-scrollbar {
       width: 5px;
    }
::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #CECECE;
     -webkit-border-radius: 5px;
     border-radius: 5px;
    }
::-webkit-scrollbar-thumb {
     -webkit-border-radius: 10px;
     border-radius: 5px;
     background: #fff;
     -webkit-box-shadow: inset 0 0 6px #fff;
    }

/*火狐滚动条样式*/	
/*滚动条样式*/  
.divScrollBar{
	background:#DDDDDD center;
	position:absolute;
	opacity:1; 
	filter:Alpha(opacity=100); 
	z-index:999;
	border-radius:7px;
	}  
.divScrollBar:hover{
	opacity:1; 
	filter:Alpha(opacity=100);
	}  
.divScrollBar div{
	background:#fff;
	height:18px;
	width:18px; 
	overflow:hidden; 
	position:absolute; 
	left:0px; 
	top:0px; 
	cursor:pointer;
	border-radius:7px;
	}  



/*IE滚动条样式*/	                                     
div{
	width:500px;
	height:400px;
	overflow:auto;
	background:#E5E5E5;
	}
div h3{
	text-align:center;
	}
div p{
	text-indent:2em;
	font-size:14px;
	font-family:'楷体';
	line-height:25px;
	margin-left:10px;
	margin-right:10px;
	}
	
body{
	background:#E5E5E5;
	}
</style>
</head>

<body>
<div id="dd">
    <h3>滚动条测试</h3>
    <p>1额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>2额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>3额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>4额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>5额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>6额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>7额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>8额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>9额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>10额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>11额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>12额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>13额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>14额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
    <p>15额驸今日开飞机而开发金额将纷纷就金额金额将的宽度；额缴费金额积分积分看完房价款未付金额非；</p>
</div>
</body>
</html>
